<template>
	<div id="contentBox">
			<div class="searchBox">
    <el-form :inline="true" ref="searchForm" :model="searchForm" label-width="96px">
      <el-form-item label="申请退单日期起" prop="startDate">
        <el-date-picker :editable="false" @change="debounceSeach" v-model="searchForm.startDate" type="date" placeholder="选择日期" :picker-options="startDateOpt"
          format="yyyy-MM-dd">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="申请退单日期止" prop="endDate">
        <el-date-picker :editable="false" @change="debounceSeach" v-model="searchForm.endDate" type="date" placeholder="选择日期" :picker-options="endDateOpt">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="订单号" prop="orderNumber">
        <el-input v-model="searchForm.orderNumber" placeholder="请输入搜索内容..." @input.native="debounceSeach"></el-input>
      </el-form-item>
      <el-form-item label="经销商名称" prop="dealerName">
        <el-input v-model="searchForm.dealerName" placeholder="请输入搜索内容..." @input.native="debounceSeach"></el-input>
      </el-form-item>
      <el-form-item label="汽车车型" prop="carBrandNameAndCarName">
        <el-input v-model="searchForm.carBrandNameAndCarName" placeholder="请输入搜索内容..." @input.native="debounceSeach"></el-input>
      </el-form-item>

      <el-form-item style="important;text-align:center;    margin-bottom: 10px;">
        <el-button @click="resetSearchForm('searchForm')">重置</el-button>
      </el-form-item>
    </el-form>
		</div>
		<div id="tableBox" style="margin:25px 25px 0;" >
			<el-table :data="tableData.data" border  >
			    <el-table-column label="订单号" width="140">
			      <template scope="scope">
			        <span >{{ scope.row.orderNumber }}</span>
			      </template>
			    </el-table-column>
			  <el-table-column label="经销商名称" :min-width="200">
		      <template scope="scope">
		        <span >{{ scope.row.dealerName }}</span>
		      </template>
		      </el-table-column>
			    <el-table-column label="汽车车型" :min-width="300" >
			      <template scope="scope">
			        <span >{{ scope.row.carBrandNameAndCarName }}</span>
			      </template>
			    </el-table-column>
			    <!-- <el-table-column label="购车总金额" >
			      <template scope="scope">
			          <span >{{ scope.row.totalPrice | toFixed2}}</span>
			      </template>
			    </el-table-column> -->
			    <!-- <el-table-column label="定金金额" >
			      <template scope="scope">
			         <span >{{ scope.row.earnest | toFixed2}}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="保证金金额" >
			      <template scope="scope">
			        <span >{{ scope.row.deposit | toFixed2}}</span>
			      </template>
			    </el-table-column> -->
					<el-table-column label="物流状态">
        <template scope="scope">
          <span v-for="(index, item) in scope.row.logisticsInfoStatusVO" :key='index'>{{ item }}</span>
        </template>
      </el-table-column>
					<el-table-column label="保证金状态">
        <template scope="scope">
          <span v-for="(index, item) in scope.row.cashDepositInfoStatusVO" :key='index'>{{ item }}</span>
        </template>
      </el-table-column>
      <el-table-column label="订单状态">
        <template scope="scope">
          <span v-for="(index, item) in scope.row.carOrderStatusVO" :key='index'>{{ item }}</span>
        </template>
      </el-table-column>
			    <el-table-column label="订单状态" >
			      <template scope="scope">
			       <span  v-for="(index, item) in scope.row.carOrderStatusVO" :key="index" >{{ item }}</span>
			      </template>
			    </el-table-column>
			    <el-table-column label="退单申请日期" width="180">
			      <template scope="scope">
			        <span >{{ scope.row.backTime }}</span>
			      </template>
			   </el-table-column>
			    <el-table-column label="操作" width="140">
			      <template scope="scope">
			      	<el-button size="small" @click="handleEdit(scope.$index, scope.row)">审核</el-button>
			      	<el-button size="small" @click="handleSee(scope.$index, scope.row)">查看</el-button>
			      	
			      </template>
			    </el-table-column>
			</el-table>
            <el-dialog v-if="dialogSendData.dialogFormVisible" title="退单风控审核" :visible.sync="dialogSendData.dialogFormVisible"  :lock-scroll='false' top=5% :close-on-click-modal="false"    :closeOnPressEscape="false">
				<dialogForm :dialogSendData="dialogSendData" :tableData="tableData" v-on:refreshTableData="seachData()"></dialogForm>
				
			</el-dialog>
	    </div>
	    <div class="block" style="text-align: center;margin-top: 15px;">
		    <pagination v-on:refreshSeachData="seachData()"  :tableData="tableData" :searchForm="searchForm"></pagination>
		</div>
	</div>
</template>
<script src="./index.js">

</script>
<style scoped lang="stylus" rel="styleheet/stylus">
	@import './index.styl';
</style>